<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" media="screen and (max-width:768px)" href="./css/mobile.css" />
  <title>首页</title>
</head>
<body>
  <div class="indexheader">
    @@include('@@webRoot/components/header.tpl')
  </div>
  <div class="banner">
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="bg" style="background-image: url(./img/banner.png);"></div>
          <div class="content">
            <h3>方太文化研究院</h3>
            <p>致力于从中华优秀文化中汲取智慧，依托方太集团企业文化与管理实践，</p>
            <p>探寻更适合中国企业的企业文化体系。</p>
            <a href="">
              <img src="./img/whitetitle.png" alt="">
              了解更多
            </a>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="bg" style="background-image: url(./img/banner.png);"></div>
        </div>
      </div>
      <div class="swiper-button-next">
        N E X T<span class="iconfont icon-youjiantou"></span>
      </div>
      <div class="swiper-button-prev">
        <span class="iconfont icon-zuojiantou"></span>P R E V
      </div>
      <div class="swiper-pagination"></div>
    </div>
  </div>
  <div class="wow fadeInUp imgwrite iresponswrap">
    <div class="write_l">
      <div class="geo">
        方太文化研究院
      </div>
      <h3>传播方太中西合璧企业文化实践经验</h3>
      <p>
        2018年方太发起成立方太文化研究院（简称太文院），是方太面向外部企业家、企业管理者萃取并传播中华优秀文化和方太中西合璧管理模式，而专门成立的非营利性组织。
      </p>
      <p>
        太文院致力于从中华优秀文化中汲取智慧，依托方太集团企业文化与管理实践，探寻更适合中国企业的企业文化体系，帮助中国企业家体验并学习中华优秀文化，提升个人心性能量，助力企业迈向伟大。
      </p>
      <p>
        同时，通过企业的实践、创新与发展，实现中华优秀文化的繁荣与兴盛。
      </p>
      <a href="">查看更多</a>
    </div>
    <div class="img_r">
      <img src="http://p.cdn-static.cn/61962_16484594014624.png?imageView2/2/w/656/q/75" alt="">
    </div>
  </div>
  <div class="wow fadeInUp imgarr iresponswrap">
    <ul>
      <li>
        <a href="">
          <img src="http://p.cdn-static.cn/61962_16480212248177.jpg?imageView2/2/w/491/q/75" alt="">
          <div class="explain">
            <h4>企业文化</h4>
            <div class="des">
              <div class="content">
                corporate culture
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="http://p.cdn-static.cn/61962_16481942297785.jpg?imageView2/2/w/491/q/75" alt="">
          <div class="explain">
            <h4>大事件</h4>
            <div class="des">
              <div class="content">
                Major events
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="http://p.cdn-static.cn/61962_16481942428286.jpg?imageView2/2/w/491/q/75" alt="">
          <div class="explain">
            <h4>课程介绍</h4>
            <div class="des">
              <div class="content">
                Course introduction
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="http://p.cdn-static.cn/61962_16481942603377.jpg?imageView2/2/w/491/q/75" alt="">
          <div class="explain">
            <h4>太文院新闻</h4>
            <div class="des">
              <div class="content">
                Taiwen academy news
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="http://p.cdn-static.cn/61962_16481942744658.jpg?imageView2/2/w/491/q/75" alt="">
          <div class="explain">
            <h4>同修分享</h4>
            <div class="des">
              <div class="content">
                Fellow practitioners share
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="http://p.cdn-static.cn/61962_16481942844309.jpg?imageView2/2/w/491/q/75" alt="">
          <div class="explain">
            <h4>同修风采</h4>
            <div class="des">
              <div class="content">
                Fellow practitioners' style
              </div>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
  <div class="course">
    <div class="bg_img" style="background-image: url(http://p.cdn-static.cn/61962_16480226087882.jpg?imageView2/2/w/2000/q/75)"></div>
    <div class="bg_color"></div>
    <div class="core">
      <h2>课程介绍</h2>
      <div class="divide_line"></div>
      <p>十年助力十万企业家迈向伟大企业</p>
      <ul>
        <div class="inswipers swiper-container iresponswrap wow fadeInUp">
          <div class="swiper-wrapper">
            <li class="swiper-slide">
              <div class="wimg">
                <img src="http://p.cdn-static.cn/61962_16480252502052.png?imageView2/2/w/420/q/75" alt="">
              </div>
              <h3>体验营</h3>
              <div class="des">传播中国式企业管理智慧</div>
              <div class="entry">
                <a href="">报名入口</a>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="wimg">
                <img src="http://p.cdn-static.cn/61962_16480256534084.png?imageView2/2/w/420/q/75" alt="">
              </div>
              <h3>修炼营</h3>
              <div class="des">全方位唤醒生命自愈力</div>
              <div class="entry">
                <a href="">报名入口</a>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="wimg">
                <img src="http://p.cdn-static.cn/61962_16480257544655.png?imageView2/2/w/420/q/75" alt="">
              </div>
              <h3>践行营</h3>
              <div class="des">助力学员迈向伟大企业</div>
              <div class="entry">
                <a href="">报名入口</a>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="wimg">
                <img src="http://p.cdn-static.cn/61962_16480258378156.png?imageView2/2/w/420/q/75" alt="">
              </div>
              <h3>文化即业务</h3>
              <div class="des">管理思想的深度剖析</div>
              <div class="entry">
                <a href="">报名入口</a>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="wimg"><img src="http://p.cdn-static.cn/61962_16480259204827.png?imageView2/2/w/420/q/75" alt=""></div>
              <h3>线上课程</h3>
              <div class="des">随时随地，在线学习</div>
              <div class="entry">
                <a href="">报名入口</a>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="wimg"><img src="http://p.cdn-static.cn/61962_16481790165954.png?imageView2/2/w/420/q/75" alt=""></div>
              <h3>企业游学</h3>
              <div class="des">随时随地，在线学习</div>
              <div class="entry">
                <a href="">报名入口</a>
              </div>
            </li>
          </div>
          <!-- Add Arrows -->
          <div class="swiper-button-next">
            <img src="./img/rs.jpg" alt="" srcset="">
          </div>
          <div class="swiper-button-prev">
            <img src="./img/ls.jpg" alt="">
          </div>
        </div>
      </ul>
    </div>
  </div>
  <div class="news">
    <div class="iresponswrap">
      <h2>
        <span>太文院新闻</span>
      </h2>
      <ul>
        <div class="swiper newSwiper">
          <div class="swiper-wrapper">
            <li class="swiper-slide">
              <div class="content">
                <img src="http://p.cdn-static.cn/61962_16480835835122.jpg?imageView2/2/w/392/q/75" alt="">
                <div class="infos">
                  <h3>太文院《文化即业务©》版权课教师认证圆满结束!</h3>
                  <p>这是方太学校真正意义上的“第一”门版权课程；也是“第一”次开放对外教师的认证机会；还是“第一”次邀请到多位行业大咖到课PK的课程。创下多个“第一”的同时，也首次将“一五一十”完整融入课程设计当中。</p>
                  <a href="">
                    查看详情
                  </a>
                </div>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="content">
                <img src="http://p.cdn-static.cn/61962_16480835835122.jpg?imageView2/2/w/392/q/75" alt="">
                <div class="infos">
                  <h3>太文院《文化即业务©》版权课教师认证圆满结束!</h3>
                  <p>这是方太学校真正意义上的“第一”门版权课程；也是“第一”次开放对外教师的认证机会；还是“第一”次邀请到多位行业大咖到课PK的课程。创下多个“第一”的同时，也首次将“一五一十”完整融入课程设计当中。</p>
                  <a href="">查看详情</a>
                </div>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="content">
                <img src="http://p.cdn-static.cn/61962_16480835835122.jpg?imageView2/2/w/392/q/75" alt="">
                <div class="infos">
                  <h3>太文院《文化即业务©》版权课教师认证圆满结束!</h3>
                  <p>这是方太学校真正意义上的“第一”门版权课程；也是“第一”次开放对外教师的认证机会；还是“第一”次邀请到多位行业大咖到课PK的课程。创下多个“第一”的同时，也首次将“一五一十”完整融入课程设计当中。</p>
                  <a href="">
                    查看详情
                  </a>
                </div>
              </div>
            </li>
            <li class="swiper-slide">
              <div class="content">
                <img src="http://p.cdn-static.cn/61962_16480835835122.jpg?imageView2/2/w/392/q/75" alt="">
                <div class="infos">
                  <h3>太文院《文化即业务©》版权课教师认证圆满结束!</h3>
                  <p>这是方太学校真正意义上的“第一”门版权课程；也是“第一”次开放对外教师的认证机会；还是“第一”次邀请到多位行业大咖到课PK的课程。创下多个“第一”的同时，也首次将“一五一十”完整融入课程设计当中。</p>
                  <a href="">查看详情</a>
                </div>
              </div>
            </li>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </ul>
    </div>
    <div class="line"></div>
    <div class="bg_img" style="background-image: url(http://p.cdn-static.cn/61962_16484510178762.png?imageView2/2/w/2000/q/75);"></div>
    <div class="more">
      <a href="">查看更多</a>
    </div>
  </div>
  @@include('@@webRoot/components/footer.tpl')
  @@include('@@webRoot/components/goTop.tpl')
  <script src="./js/swiper.min.js"></script>
  <script src="./js/wow.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <script src="./js/common.js"></script>
  <script>
    $('.indexheader').addClass('on')
    $(window).on('scroll', function () {
      var st = $(window).scrollTop()
      if (st < 10) {
        $('.indexheader').addClass('on')
      } else {
        $('.indexheader').removeClass('on')
      }
    })
    new Swiper(".mySwiper", {
      navigation: {
        nextEl: ".mySwiper .swiper-button-next",
        prevEl: ".mySwiper .swiper-button-prev",
      },
      pagination: {
        el: ".mySwiper .swiper-pagination",
      },
    });
    new WOW().init();
    if ($(window).width() <= 768) {
      $('.banner .swiper-button-next').hide()
      $('.banner .swiper-button-prev').hide()
      new Swiper(".inswipers", {
        slidesPerView: 1,
        navigation: {
          nextEl: ".inswipers .swiper-button-next",
          prevEl: ".inswipers .swiper-button-prev",
        },
      });
      new Swiper(".newSwiper", {
        slidesPerView: 'auto',
        spaceBetween: 0,
        loop: true,
        freeMode: true,
      })
    }
  </script>
</body>
</html>